<!-- 
	
	作者：怼烎
	QQ：1395961821
	时间：2017.10.10

 -->

<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>微信商城</title>

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <link href="__PUBLIC__/Moble_home/css/mui_css/mui.min.css" rel="stylesheet" type="text/css" />
  <link rel="stylesheet" href="__PUBLIC__/Moble_home/css/bootstrap.min.css" type="text/css">
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/Moble_home/css/bootstrap-theme.min.css">
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/Moble_home/css/details.css">

  <script src="__PUBLIC__/Moble_home/js/jquery.min.js" type="text/javascript"></script>
  <script src="__PUBLIC__/Moble_home/js/bootstrap.min.js" type="text/javascript"></script>
  <script type="text/javascript" src="__PUBLIC__/Moble_home/js/jweixin-1.2.0.js"></script>
  <script src="__PUBLIC__/Moble_home/js/details.js" type="text/javascript"></script>
 	<!--[if lt IE 9]>
      <script src="js/html5shiv.min.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body>

	<!-- 头部 -->
	<nav class="navbar navbar-default navbar-fixed-top">
	  <div class="container-fluid">
	    <!-- 栅格 -->
	    <div class="navbar-header row">

	    	<div class="col-xs-2">
	    		<a onclick="window.history.back();">
	    			<div class="glyphicon glyphicon-menu-left"></div>
	    		</a>
	    	</div>

	    	<!-- 购物车和下拉 -->
	    	<div class="col-xs-10">
	    		<div class="pull-right">
		    		<a href="javascript:void(0);" id="point" class="dropdown-toggle" data-toggle="dropdown"><div class="text-center"><div class="glyphicon glyphicon-option-horizontal"></div></div></a>
                    <ul class="dropdown-menu" aria-labelledby="point">
					    <li><a href="__APP__/Home/Index/index"><span class="glyphicon glyphicon-home"></span>&nbsp;&nbsp;首页</a></li>
    					<li role="separator" class="divider"></li>
					    <li><a href="__APP__/Home/Cart/add_cart"><span class="glyphicon glyphicon-shopping-cart text-center"></span>&nbsp;&nbsp;购物车</a></li><li role="separator" class="divider"></li>
					    <li><a href="#"><span class="glyphicon glyphicon-share-alt"></span>&nbsp;&nbsp;分享</a></li>
					  </ul>
	    		</div>
	    	</div>

	      </form>
	    </div>
	    </div>
	  </div><!-- /.container-fluid -->
	</nav>

	<!-- 轮播 -->
	<div id="slider" class="mui-slider" >
	  <div class="mui-slider-group mui-slider-loop">
	    <!-- 第一张 -->
	    <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
	    <div class="mui-slider-item mui-slider-item-duplicate">
	      <a href="javascript:;">
	        <img src="{$goods_carousel[3]['url']}">
	      </a>
	    </div>

	    <volist name="goods_carousel" id="value">
	    	<div class="mui-slider-item">
	           	<a href="javascript:;">
	        	<img src="{$value['url']}">
	      		</a>
	    	</div>
		</volist>
	   
	    <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
	    <div class="mui-slider-item mui-slider-item-duplicate">
	      <a href="#">
	        <img src="{$goods_carousel[0]['url']}">
	      </a>
	    </div>
	  </div>
	  <div class="mui-slider-indicator">
	    <div class="mui-indicator mui-active"></div>
	    <div class="mui-indicator"></div>
	    <div class="mui-indicator"></div>
	    <div class="mui-indicator"></div>
	  </div>
	</div>
	<!-- 中间内容 -->
	<section class="row content">
		<!-- 商品名称 -->
	<foreach name="goods_info" item="v">
		<div class="col-xs-12">
			<div class="get_name">{$v.goods_name}{$v.desc_}</div>
		</div>
		<!-- 价格 -->
		<div class="col-xs-12">
			<div class="col-xs-12">
				<p class=".lead">¥{$v.local_price}元</p>&nbsp;&nbsp;<del>价格:¥{$v.market_price}元</del>
			</div>
			<div class="col-xs-12"><span class="pull-left">运费:<if condition="$v.is_free_post lt 2 ">包邮<else/>¥{$v.is_free_post}</if></span><span class="pull-right">{$v.sales}人已付款</span></div>
		</div>
		<!-- 选择商品属性 -->
		<div class="col-xs-12">
			<a href="javascript:void(0);" class="cart" data-direction='bottom'>
				<div class="col-xs-10">选择商品属性</div><div class="col-xs-2"><span class="glyphicon glyphicon-menu-right pull-right"></span></div>
			</a>
		</div>
		
	<!-- 详情 -->
		<div class="col-xs-12 text-center">
			<span><hr>详情<hr></span>
		</div>
		<volist name="goods_url" id="value">
			<img src="{$value['url']}" class="img-responsive" alt="详情2">
		</volist>
		<div class="col-xs-12 text-center"><span><hr></span>已经到底了<span><hr></span></div>
	</section>

	<!-- 弹出选项商品 -->
	<form method="post" action="__APP__/Home/Cart/add_cart1">
	<div class="modal fade">
	  <div class="modal-dialog">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
	        <div class="modal-title">
	        	<div class="media">
				  <div class="media-left media-middle">
				      <img class="media-object" src="{$v.goods_image}" alt="商品图片">
				  </div>
				  <div class="media-body">
				    <h4 class="media-heading">￥{$v.local_price}</h4>
				    <div>库存:{$v.stock}</div>
				    <div>请选择:颜色分类</div>
				  </div>
				</div>
	        </div>
	      </div>
	    </foreach>
	      
	      <div class="modal-body row">
	      	<div class="col-xs-12">颜色分类:</div>
	      	<div class="col-xs-12">
	      		<menu class="list-unstyled">
	      			<volist name="color_type" id="value">
	      			<li>
		      			<p class="selected">
		      				<input type="radio" name="goods_att" value="{$value}" checked="checked"/>
		      				{$value}
		      			</p>
	      			</li>
	      			</volist>
	      		</menu>
			</div>

	      	<div class="col-xs-12 num">
	      		<span class="pull-left">购买数量:</span>
	      		<span class="pull-right">
		      		<button type="button" id="reduce">-</button>
		      		<input type="number" name="goods_num" value="1" id="shopNumber"/>
		      		<button type="button" id="plus">+</button>
	      		</span>
	      	</div>

	      </div>
	      <div class="modalFooter">
	      		<input type="hidden" name="goods_id" value="{$v.id}">
	      		<button type="submit">确定</button>
	      </div>
	    </div><!-- /.modal-content -->
	  </div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
	</form>









	<!-- 底部固定 -->
	<nav class="navbar navbar-default navbar-fixed-bottom">
	  <div class="container">
	    <div class="row">
	    	<a href="__APP__/Home/Index/index">
		    	<div class="col-xs-2 text-center">
		    		<div class="glyphicon glyphicon-home">
		    			首页
		    		</div>
		    	</div>
	    	</a>
	    	<a href="">
		    	<div class="col-xs-2 text-center">
		    		<div class="glyphicon glyphicon glyphicon-comment">
		    			客服
		    		</div>
		    	</div>
	    	</a>
	    	<a href="javascript:void(0);" class="cart" data-direction='bottom'>
		    	<div class="col-xs-4 text-center gou">
		    		加入购物车
		    	</div>
		    </a>
		    <a href="javascript:void(0);" class="cart" data-direction='bottom'>	
		    	<div class="col-xs-4 text-center mai">
		    		立即购买
		    	</div>
	    	</a>
	    </div>
	  </div>
	</nav>

	<!-- 返回顶部 -->
	<a href="javascript:void(0);" id="rtn" class="text-center"><span class="glyphicon glyphicon-menu-up"></span></a>
	 <script src="__PUBLIC__/Moble_home/js/mui_js/mui.min.js"></script>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
      	var gallery = mui('.mui-slider');
		gallery.slider({
		  interval:2000//自动轮播周期，若为0则不自动播放，默认为0；
		});
    </script>
</body>
</html>